  <style type="text/css">
   p#ultima_actualizacion{display: none;}
   table {width: 60%; border: 1px solid black; margin-top:1cm; margin-bottom:13mm; margin: auto}
   caption {color: gray; font-size: 80%; text-align: right;}
   table tr:first-child td {background-color: #9a8f92;}
   table tr:first-child td.datos_incorrectos {background-color: red;}
   th {color:black; text-align: right;}
   td {text-align: left;}
   td[colspan] {text-align: center;}
   td.no_tienes_contr {vertical-align: top;}
   td.no_tienes_contr a {color:#003366; font-family:Arial; font-size:120%; font-weight: bold;}
  </style>
  
  <title>Autentificarse</title>
</head>

<body>

<h1>Iniciar sesión</h1>
<p>Necesitas escribir correctamente el nombre de usuario y contraseña para poder entrar.</p>

<form action="practicas-linux/control.php" method="POST">
  <table>
  <caption>Formulario de inicio de sesión</caption>
    <tr>
      <td colspan="2" <? if ($_GET["errorusuario"]=="si") { ?> class="datos_incorrectos"><span style="color: white"><strong>Datos incorrectos</strong></span><?
        } else {
        ?>>Introduce tu clave de acceso<?
        }
      ?></td>
    </tr>
    <tr>
    <th>Usuario:</th>
      <td><input id="num" type="hidden" name="num" value="<? if ($_GET["num"]!=null) { echo $_GET["num"]; } else { echo '0'; } ?>">
          <input type="text" name="usuario" size="12" maxlength="15"></td>
    </tr>
    <tr>
      <th>Contraseña:</th>
      <td><input type="password" name="contrasena" size="12" maxlength="15"></td>
    </tr>
    <tr>
      <td colspan="2" align="center"><input type="submit" value="ENTRAR"></td>
    </tr>
    <tr>
      <td colspan="2" class="no_tienes_contr"><a href="#"	onmouseover="alert('Prueba a introducir &quot;invitado&quot; como usuario y contraseña.');">Obtener contraseña...</a></td>
    </tr>
  </table>
</form>
